@tailwind base;
@tailwind components;
@tailwind utilities;


/* 关键：根元素的暗黑模式纯黑背景 */
@layer base {
  /* 1. html 根元素：暗黑模式下背景为纯黑 */
  html.dark {
    @apply bg-[#181A20]; /* 使用 Tailwind 内置 black（#000000） */
    /* 若用自定义的纯黑，可改为 bg-black-DEFAULT 或直接写 bg-[#000000] */
  }

  /* 2. body 元素：确保与 html 背景一致，避免留白 */
  body {
    @apply bg-white dark:bg-[#181A20]; /* 亮色白背景，暗黑纯黑背景 */
  }

  /* 可选：页面容器（如 .page-container）补充样式，防止内容贴边 */
  .page-container {
    @apply min-h-screen px-4 py-2 dark:bg-[#181A20]; /* 暗黑模式下继承纯黑背景 */
  }
}